<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>

	<link rel="stylesheet" href="css/common.css"/>
	<link rel="stylesheet" href="css/animate.min.css"/> 
<div class="header_top_first">
	<div class="container sixteen columns header_top_inner">
		<div class="eight columns align_left">
			<div class="testimonials">
				<div class="testi_icon"></div>
				<ul>
					<li>
						<div class="testi-text dro">Welcome to Grandon Marketing
							solution for any company</div>
					</li>
					<li>
						<div class="testi-text dro">showing what are you doing to
							everyone in the world</div>
					</li>

				</ul>
			</div>
		</div>

		<div class="top_info">
			<p>
				<a href="#">About us</a>&nbsp; &nbsp; <a id="pushbtn" href="javascript:;"
					class="rubberBand dialog">登 录</a>&nbsp; &nbsp; <a href="#">注 册</a>
			</p>
		</div>

	</div>
	<div class="clear"></div>
</div>

<div class="header_top_second">

	<div class="container sixteen columns header_top_second_inner">

		<div class="four columns align_left logo">
			<a href="#"><img src="images/logo.png" alt="" /></a>
		</div>

		<div class="contact_head">
			<div class="top_home_wrapper">
				<div class="top_home_icon"></div>
				<h6>重庆市沙坪坝西永天街</h6>
				<div class="clear"></div>
			</div>
			<div class="top_home_call">Tel : +7780-2225-779</div>
		</div>

	</div>
	<div class="clear"></div>
</div>

<!-- Main header -->
<div id="main_wrapper">
	<div class="main_wrapper_inner">

		<!-- Header -->
		<div class="header_menu">
			<div class="header_top_inner">
				<div class="container sixteen columns">
					<!-- begin navigation -->
					<div class="main_menu">
						<nav id="dropdown">
							<ul class="sf-menu clearfix">								
								<li><a href="index.html" class="trigger"><span><i class="icon-home"></i>主页</span></a>
								</li>
								<li><a href="#" class="trigger"><span><i class="icon-feature"></i>我的物流</span></a>
									<ul>
										<li><a href="javascript:void(0)">我的订单</a></li>
										<li><a href="javascript:void(0)">更改管理</a></li>
										<li><a href="javascript:void(0)">我的账单</a></li>
										<li><a href="javascript:void(0)">收发货人管理</a></li>
										<li><a href="javascript:void(0)">在线理赔</a></li>
										<li><a href="javascript:void(0)">个人资料设置</a></li>
										<li><a href="javascript:void(0)">电子发票</a></li>
									</ul>
								</li>
                                <li><a href="about.html" class="trigger"><span><i class="icon-staff"></i>网上托运</span></a>
                                	<ul>
										<li><a href="javascript:void(0)">网上订单</a></li>
										<li><a href="javascript:void(0)">批量下单</a></li>
										<li><a href="javascript:void(0)">价格时效查询</a></li>
										<li><a href="javascript:void(0)">网点查询</a></li>
										<li><a href="javascript:void(0)">配送点范围</a></li>
										<li><a href="javascript:void(0)">禁运品</a></li>
									</ul>
                                </li>	
                                <li><a href="service.html" class="trigger"><span><i class="icon-service"></i>追踪与收货</span></a>
                                	<ul>
										<li><a href="javascript:void(0)">货物追踪</a></li>
										<li><a href="javascript:void(0)">我的收货单</a></li>
									</ul>
                                
                                </li>									
								<li><a href="portfolio.html" class="trigger"><span><i class="icon-port"></i>关于我们</span></a>
									<ul>
										<li><a href="javascript:void(0)">公司招聘</a></li>
										<li><a href="javascript:void(0)">人才招聘</a></li>	
									</ul>
								</li>
								
								<li><a href="javascript:void(0);"><span><i class="icon-contact"></i>邮箱</span></a></li>
								<li><a href="javascript:void(0);"><span>Contact</span></a></li>
							</ul>
						</nav>	
					</div>
				</div>
			</div>
		</div>
		
		
		
		<div id="wrapper">
	<div class="box">
					<s:debug></s:debug>
		<div id="HBox">
			<form id="loginForm" action="AccountAction!login.action" method="post" >
				<ul class="list">

					<li>
						<strong>用户名<font style="display: inline;" color="#ff0000">*</font></strong>
						<div class="fl"><input type="text" name="account.username"  value='<s:property  value="#username"/>' class="ipt nickname" /></div>
					</li>
					<li>
						<strong>密 码 <font color="#ff0000">*</font></strong>
						<div class="fl"><input type="password" name="account.password" value='<s:property value="password"/>' class="ipt phone" /></div>
					</li>
					<li>
						<s:fielderror theme="simple" fieldName="account" />
					</li>
					<li><input type="submit" value="确认提交" class="submitBtn" /></li>
				</ul>
			</form>
		</div>
	</div>
</div>
		
		
		
		
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.hDialog.js"></script>
		<script>
			$(function() {
				var $el = $('.dialog');
				$el.hDialog();

				//带标题的
				$('.demo0').hDialog({
					title : '测试弹框标题',
					height : 300
				});

				//改变宽度
				$('.demo1').hDialog({
					width : 500
				});

				//改变高度
				$('.demo2').hDialog({
					height : 400
				});

				//改变宽和高
				$('.demo3').hDialog({
					width : 600,
					height : 500
				});

				//改变位置
				$('.demo4').hDialog({
					positions : 'top'
				});

				//不清空表单
				$('.demo5').hDialog({
					resetForm : false
				});

				//遮罩不可关闭
				$('.demo6').hDialog({
					modalHide : false
				});

				//改变弹框背景色
				$('.demo7').hDialog({
					boxBg : '#eeeeee'
				});

				//改变遮罩背景色
				$('.demo8').hDialog({
					modalBg : 'rgba(255,255,255,0.7)'
				});

				//改变关闭背景色
				$('.demo9').hDialog({
					closeBg : '#4A74B5'
				});

				//错误文字提示
				$('.demo10').click(function() {
					$.tooltip('My God, 出错啦！！！');
				});

				//正确文字提示
				$('.demo11').click(function() {
					$.tooltip('OK, 操作成功！', 2500, true);
				});

				//显示加载
				$('.demo12').click(function() {
					//自定义文字： $.showLoading('玩命加载中...');
					//自定义宽高： $.showLoading('努力加载中...',140,40);
					$.showLoading();
				});

				//移除加载
				$('.demo13').click(function() {
					$.hideLoading();
				});

				//显示前的回调方法
				$('.demo14').hDialog({
					beforeShow : function() {
						alert('显示前执行');
					}
				});

				//隐藏后的回调方法
				$('.demo15').hDialog({
					afterHide : function() {
						alert('隐藏后执行');
					}
				});

				//fadeOut淡出关闭效果
				$('.demo16').hDialog({
					effect : 'fadeOut'
				});

				//悬浮触发
				$('.demo17').hDialog({
					triggerEvent : 'mouseenter'
				});

				//不显示关闭按钮
				$('.demo18').hDialog({
					closeHide : false
				});

				//返回顶部
				$.goTop();

				//提交并验证表单
				$('.submitBtn')
						.click(
								function() {
									var EmailReg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; //邮件正则
									var PhoneReg = /^0{0,1}(13[0-9]|15[0-9]|153|156|18[7-9])[0-9]{8}$/; //手机正则
									var $nickname = $('.nickname');
									var $email = $('.email');
									var $phone = $('.phone');
									if ($nickname.val() == '') {
										$.tooltip('用户名还没填呢...');
										$nickname.focus();
									} else if ($phone.val() == '') {
										$.tooltip('密码还没填呢...');
										$phone.focus();
									} else {
										$("#loginForm").submit();
									}
								});
				$("#pushbtn").click();
			});
		</script>